//公用的css样式
body{
    margin: 0;
    overflow:auto !important;
    margin: 0px;
    word-break:break-all;   /* 强行换行 */
    padding: 0 !important;
    background-color: var(--bg-color);
    // background-image: linear-gradient(to bottom, var(--bg-color) 50% , rgba(10, 10, 10, 0.672));
}
html{
    font-size: 16px;
}
a{
    text-align: center;
    text-decoration: none;
    outline: none;  /* 去除旧版浏览器的点击后的外虚线框 */
    color: #304551; /* 去除默认的颜色和点击后变化的颜色 */ 
}
img{
    vertical-align: bottom; //阻止图片出现下边距
}
[v-cloak]
{  
    display: none; 
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius:3px;
    background-color: #0f4b78;
}
::-webkit-scrollbar-track {
    display: none;
}
::selection {
    background: #ffe89e;
}
//圆角1至3级
.border_radius-1{ 
    border-radius:2px; 
}
.border_radius-2{ 
    border-radius:5px; 
}
.border_radius-5{ 
    border-radius:10px; 
}
.darkmode-layer, .darkmode-toggle {  //解决暗黑风格库的层级问题
    z-index: 500;
}
//table的公共样式
.my-table{
    border-collapse: collapse;
    border-color: var(--border-color);
    border: 1px solid var(--border-color);
    td,th{
        box-sizing: border-box;
        border: 1px solid var(--border-color);
        vertical-align: top;
    }
}
.my-table-1{
    border-collapse: collapse;
    border-color: var(--border-color-1);
    border: 1px solid var(--border-color-1);
    td,th{
        box-sizing: border-box;
        border: 1px solid var(--border-color-1);
        vertical-align: top;
    }
}